<div sa-widget color="blueDark" style="padding: 13px; margin: 0; overflow: visible; background-color: #fff">
  <div>
    <div class="widget-body no-padding">
      <div class="widget-body-toolbar" *ngIf="period == '按天汇总'">
        <div id="calendar-buttons">
          <div class="btn-group">
            <a (click)="prev()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-left"></i></a>
            <a (click)="next()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-right"></i></a>
            <a (click)="today()" class="btn btn-default btn-xs pre-next">今天</a>
          </div>
        </div>
      </div>
      <div class="widget-body-toolbar" *ngIf="period == '按月汇总'">
        <div class="fc-left fc-header-title inline_block">
          <h2 style="margin-top: 4px">{{ currentYear }}</h2>
        </div>
        <div id="calendar-buttons">
          <div class="btn-group">
            <a (click)="prevYear()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-left"></i></a>
            <a (click)="nextYear()" class="btn btn-default btn-xs pre-next"><i class="fa fa-chevron-right"></i></a>
            <a (click)="CurrentYear()" class="btn btn-default btn-xs pre-next">今年</a>
          </div>
        </div>
      </div>
      <div id="calendar" class="calendar_widget_{{ homeCardType }}" [hidden]="period != '按天汇总'"></div>
      <div id="calendar_year" [hidden]="period != '按月汇总'">
        <ul class="row">
          <li class="lis_month col-xs-4 col-md-4" *ngFor="let item of yearDataList">
            <div class="lis_month_label">{{ item.label }}</div>
            <div class="lis_month_value">
              <span>{{ item.value }}</span>
              <span style="color: #ccc; font-size: 12px; padding-left: 4px">台</span>
              <div class="install_detail">
                <table id="treetable-year-{{ item.id }}-{{ homeCardType }}" class="layui-hide"></table>
              </div>
            </div>
            <div class="lis_month_pre" [attr.title]="item.preDate">{{ item.preValue }}</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
